<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>YP.ShO购</title>
		<link rel="stylesheet" href="css/bootstrap.css"></link>
		<link rel="stylesheet" href="css/style.css"></link>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easydropdown.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style>
			body{padding-bottom:50px;}
		</style>
	</head>
<body>
	<%@include file="common/head.jsp"%>
	<div class="menu">
	</div>
	<div class="men">
		<div class="container">
			<div class="col-md-3 sidebar">
				<div class="block block-layered-nav">
					<div class="block-title">
						<strong><span>Shop By</span>
						</strong>
					</div>
					<div class="block-content">

						<dl id="narrow-by-list">
							
							
							<dt class="last odd">Color</dt>
							<dd class="last odd">
								<ol>
									<li>Black (0)</li>
									<li><a href="#">Blue</a> (2)</li>
									<li><a href="#">Green</a> (1)</li>
									<li><a href="#">Grey</a> (1)</li>
									<li><a href="#">Red</a> (1)</li>
									<li><a href="#">White</a> (1)</li>
								</ol>
							</dd>
						</dl>

					</div>
				</div>
				<div class="block block-cart">
					<div class="block-title">
						<strong><span>Carrello</span>
						</strong>
					</div>
					<div class="block-content">
						<p class="empty">You have no items in your shopping cart.</p>
					</div>
				</div>
				<div class="block block-list block-compare">
					<div class="block-title">
						<strong><span>Compare Products </span>
						</strong>
					</div>
					<div class="block-content">
						<p class="empty">You have no items to compare.</p>
					</div>
				</div>
			</div>
			<div class="col-md-9">
				<div class="mens-toolbar">
					<div class="sort">
						<div class="sort-by">
							<label>排序</label> <select>
								<option value="">热销度</option>
								<option value="">价格 : 高到低</option>
								<option value="">价格 : 低到高</option>
							</select>
						</div>
					</div>
					<div class="pager">
						<div class="limiter visible-desktop">
							<label>显示</label> <select>
								<option value="" selected="selected">9</option>
								<option value="">15</option>
								<option value="">30</option>
							</select> 条 每一页
						</div>
						<ul class="dc_pagination dc_paginationA dc_paginationA06">
							<li><a href="#" class="previous">页</a>
							</li>
							<li><a href="#">1</a>
							</li>
							<li><a href="#">2</a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!--<div class="span_2">
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic2.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic1.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic3.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="span_2">
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic4.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic5.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic6.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="clearfix"></div>
				</div>
				--><div id="span_3">
					<!--<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic7.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic8.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="col_1_of_single1 span_1_of_single1">
						<a href="single.html"> <img src="images/pic9.jpg" class="img-responsive" alt="" />
							<h3>parum clari</h3>
							<p>Duis autem vel eum iriure</p>
							<h4>Rs.399</h4> </a>
					</div>
					<div class="clearfix"></div>
				-->
				</div>
			</div>
		</div>
	</div>
	<%@include file="common/footer.jsp"%>
	<script typ="text/javascript" src="js/index.js"></script>
</body>
</html>